<!DOCTYPE html>
<html lang="en" class="fuelux">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>下拉框</title>
<link href="../../css/bootstrap3.min.css" rel="stylesheet">
<script src="../../js/jquery.js" type="text/javascript"></script>
<script src="../../js/bootstrap3.min.js" type="text/javascript" ></script>
<script src="../../lib/Koala_ComboBox.js" type="text/javascript" ></script>
</head>
<body>

<div class="container">	
	 <div class="col-lg-2">
	    <div id="MyCombobox1" class="input-group combobox">
	      <input type="text" class="form-control">
	      <div class="input-group-btn">
	        <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
	        	<span class="caret"></span>
	        </button>
	        <ul class="dropdown-menu pull-right">
	          <li data-value="1"><a href="#">广州</a></li>
	          <li data-value="2"><a href="#">深圳</a></li>
	          <li data-fizz="buzz" data-value="3"><a href="#">北京</a></li>
	          <li class="divider"></li>
	          <li data-value="4"><a href="#">国外</a></li>
	        </ul>
	      </div>
	    </div>
	  </div>
	  <input type="button" value="select by value" id="combobox-selectByValue" class="btn btn-default">
	  
</div>

<script type="text/javascript">
$(function(){
	
	$('#combobox-selectByValue').on('click', function () {
		$('#MyCombobox1').combobox('selectByValue', '3');
	});
});
</script>
</body>
</html>